﻿<div class="tabs-users">
    <ul>
        <li><a data-ng-class="{active : activeViewPath==='/productinvolvement' || isActive('/productinvolvement') }" 
               href="#/productinvolvement">Product Involvement</a></li>
    </ul>
</div>
<br />

<form name="importPInputFileForm" novalidate>
    <div class="title-bold" style="font-size: 16px;">Upload Excel input file</div>
    <div>
        <div>
            <span>Latest upload: {{productinvolvement.latestStatus}} </span>
            <br/>
            <span ng-show="productinvolvement.latestDetails != ''">
                <pre class="pre-error-view"> {{productinvolvement.latestDetails}} </pre> 
            </span>            
            <input type="button" value="Cancel" ng-click="productinvolvement.cancelLastInputFile();" ng-show="productinvolvement.isFileScheduled" />
        </div>
        <br/>
        <div ng-show="!productinvolvement.isFileScheduled">
            <input type="file" ng-file-select="productinvolvement.onSelectExcel($files);"  accept=".xls, .xlsx" /><br />
            <input class="btn-green" type="button" value="Upload" ng-click="productinvolvement.uploadInputFile();" />
            <span class="progress" ng-show="productinvolvement.uploadProgress >= 0">
                Progress: {{productinvolvement.uploadProgress}}%
            </span>
        </div>
    </div>
</form>